<!-- target: server-error -->
<div class="server-error">
    <img src="images/base/404.png" alt="">
    <div class="error-msg">页面正在抢修中</div>
    <div class="refresh-btn" ontouchstart="ecui.esr.reload();">
        <img src="images/base/icon_refresh.png" alt="">
        <span>点击刷新</span>
    </div>
</div>

<!-- target: index-user-header -->
<div ui="id:userHeader" style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end">
    <div class="title-wrap" style="position: relative;left: 20px">
        <strong>我的</strong>
    </div>
    <div class="index-user-header-setting" ui="ext-link" href="#/user/userConfigs~DENY_CACHE"></div>
</div>
<!-- target: index-message-header -->
<div class="title-wrap">消息</div>

<!-- target: index-information-header -->
<div class="left-wrap" ui="type:NS.CitySelect">
    <div class="city-select">
        <input name="venue" class="ui-hide">
        <input name="beginTime" class="ui-hide">
        <input name="endTime" class="ui-hide">
        <span class="left-text" ui="id:index-venue-selected" id="index-city-selected">全国</span>
    </div>
</div>
<div class="title-wrap" ui="ext-link" href="#/home/period">周收入2018年38周</div>
<div class="right-wrap" ui="type:label;for:checkbox">
    <div ui="type:checkbox; subject: bill-work-all-checked;">
        <input value="" name="ids" type="checkbox">
    </div>
    <span>含酒水</span>
</div>


<!-- target: refresh -->
<div class="refresh-container">
    <img src="images/refresh/bg.png" class="bg1">
    <img src="images/refresh/bg.png" class="bg2">
    <img class="refresh-gif" src="images/base/refresh.gif">
    <!-- if: ${status} == 1 -->
    <div class="refresh-text">
        该放手了，我要刷新了...
    </div>
    <!-- elif: ${status} == 2 -->
    <div class="refresh-text">
        正在刷新...
    </div>
    <!-- /if -->
    <div class="mask">
        <div class="half-mask-left"></div>
        <div class="half-mask-right"></div>
    </div> 
</div>

<!-- target: index-inventory-right -->
<div class="title-wrap">资料库</div>

<!-- target: index-mine-header -->
<div class="title-wrap">个人中心</div>

<!-- target: no_data -->
<div class="no-data">
    <img src="${img}" alt="图片获取不到">
    <p>${msg}</p>
</div>

<!-- target:list-empty -->
<div>
    <div class="empty-tip">
        <img src="images/base/icon_default.png">
        <p>暂无数据</p>
    </div>  
</div>

<!-- target: edit_item -->
<!-- // 编辑项 公共模板 -->
<!-- var: regexp = ${item.must} ? 'regexp:' + (${item.regexp} || '.+') : ${item.regexp} ? 'regexp:' + ${item.regexp} : '' -->
<!-- if: ${item.type} == 'title-gap' -->
<div class="title-blank-grey">
    <span>={ ${title} || ' ' }</span>
</div>
<!-- elif: ${item.type} === 'music-people' -->
<div class="edit-item ui-music-poples" ui="type:mao.ui.InputGroup;tip:${item.tip};">
    <!-- if: ${item.must} -->
    <span class="ui-input-required">*</span>
    <!-- /if -->
    <span class="ui-input-label">${item.title}</span>

    <div  ui="type:mao.ui.MusicPople;route:${item.route};value:${item.value};${regexp}" class="edit-text ui-pople-list">
        <input ui="type:ecui.esr.CreateArray" name="musicianIds" type="text" class="input-array" />
        <ul class="people-items">
            <!-- for: ${item.value} as ${item}  -->
            <li class="people-item" ui="value:${item.id};src:${item.headPortraitUrl};name:${item.name};"></li>
            <!-- /for -->
        </ul>
        <div class="people-add"><img src="images/order/add_gray.png" /></div>
    </div>
</div>
<!-- elif: ${item.type} === 'image' -->
<div class="edit-item image" ui="type:mao.ui.InputGroup;tip:${item.tip};">
    <!-- if: ${item.must} -->
    <span class="ui-input-required">*</span>
    <!-- /if -->
    <span class="ui-input-label">${item.title}</span>

    <div class="ui-images">
        <div  ui="type:mao.ui.ImageAdd;value:${item.value.id};${regexp}" class="edit-text">
            <input name="file" data-name="file" type="file" class="file" />
            <input name="${item.code}" type="text" value="${item.value.id}" class="ui-hide" />
            <img src="={${item.value.imageUrl} ? ${item.value.imageUrl} : 'images/order/add_gray.png'}" />
        </div>
    </div>
</div>
<!-- else -->
<div class="edit-item" ui="type:mao.ui.InputGroup;tip:${item.tip};">
    <!-- if: ${item.must} -->
    <span class="ui-input-required">*</span>
    <!-- /if -->
    <span class="ui-input-label">${item.title}</span>

    <!-- if: ${item.type} == 'link' -->
    <div class="edit-input" ui="ext-link" href="${item.url}"></div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} === 'select' -->
    <div class="edit-input ={${item.text} ? '' : 'placeholder'}" ui="type:mao.ui.SelectEdit;title:${item.title};name:${item.code};items:={ JSON.stringify(${item.selects}) };view:${item.view_target};value:${item.value};text:={${item.text} || ${item.placeholder}};${regexp}"></div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} === 'select-route' -->
    <div class="edit-input ={${item.text} ? '' : 'placeholder'}" ui="type:mao.ui.SelectRoute;title:${item.title};route:${item.route};name:${item.code};value:${item.value};text:={${item.text} || ${item.placeholder}};${regexp}"></div>
    <span class="edit-icon"></span>
    <!-- elif:  ${item.type} == 'pop-select'-->
    <div class="edit-input " ui="type:mao.ui.MPopSelect;name:${item.code};title:${item.title};enter:bottom;value:${item.value};text:={${item.text} || ${item.placeholder}};${regexp}" style="width: 100px;height: 40px" class="select-wrap">
        <div ui="value:;" class="ui-hide">请选择</div>
        <!-- for: ${item.options} as ${optionItem}-->
            <div ui="value:${optionItem.id}">${optionItem.text}</div>
        <!-- /for -->
    </div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} === 'time'  -->
    <div class="edit-text ={${item.text} ? '' : 'placeholder'}" ui="type:mao.ui.MTimerCalendar;name:${item.code};value:${item.value};${regexp}">
        <div ui="values:2000-2040;format:{0}年"></div>
        <div ui="values:1-12;format:{0}月"></div>
        <div ui="values:1-31;format:{0}日"></div>
        <div ui="values:0-23;format:{0}时"></div>
        <div ui="values:0-59;format:{0}分"></div>
        <div ui="values:0-59;format:{0}秒"></div>
    </div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} === 'date'  -->
    <div class="edit-text ={${item.text} ? '' : 'placeholder'}" ui="type:m-calendar;name:${item.code};value:${item.value};${regexp}">
        <div ui="values:2000-2040;format:{0}年"></div>
        <div ui="values:1-12;format:{0}月"></div>
        <div ui="values:1-31;format:{0}日"></div>
    </div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} == 'city-select' -->
    <!-- var: text = ${item.text} || ${item.placeholder}; -->
    <div ui="type:mao.ui.CitySelect;text:${text};level:${item.level};value:${item.value}" class="edit-text select-wrap">
        <input type="text" name="${item.code}"  value="${item.value}" class="ui-hide" />
    </div>
    <span class="edit-icon"></span>
    <!-- elif: ${item.type} === 'number' -->
    <div  ui="type:number;value:${item.value};={ ${item.max} ? 'num:0-' + ${item.max} : '' };${regexp}" class="edit-text">
        <input type="text" name="${item.code}" placeholder="${item.placeholder}" ={ ${item.maxlength} ? 'maxlength=' + ${item.maxlength} : '' } value="${item.value}" />
    </div>
    <!-- elif: ${item.type} === 'radio' -->
    <div class="edit-input radio">
        <!-- for: ${item.options} as ${optionItem}-->
        <div ui="type:Radio;name:${item.code};value:${optionItem.id};={${item.value} === ${optionItem.id} ? 'checked' : ''}">
            <span>${optionItem.text}</span>
            <span class="icon"></span>
        </div>
        <!-- /for -->
    </div>
    <!-- elif: ${item.type} === 'checkbox' -->
    <input name="${item.code}" ui="type:ecui.esr.CreateArray;" class="ui-hide" >
    <div class="edit-input checkbox">
        <!-- for: ${item.options} as ${optionItem}-->
        <!-- var: checked = Array.prototype.indexOf.call(${item.value}, ${optionItem.id}) !== -1 -->
        <div ui="type:Checkbox;name:${item.code};value:${optionItem.id};={${checked} ? 'checked' : ''}">
            <span>${optionItem.text}</span>
            <span class="icon"></span>
        </div>
        <!-- /for -->
    </div>
    <!-- else  -->
    <div ui="type:Text;value:${item.value};${regexp};" class="edit-text">
        <input type="text" name="${item.code}" placeholder="${item.placeholder}" ={ ${item.maxlength} ? 'maxlength=' + ${item.maxlength} : '' } value="${item.value}" />
    </div>
    <!-- /if -->

    <!-- if: ${item.unit} -->
    <span class="edit-text-unit">${item.unit}</span>
    <!-- /if -->
</div>
<!-- /if -->

<!-- target: single_select -->
<!-- // 单择 模板 -->
<div class="select-container">
    <div class="select-cont grey-bg" ui="type:m-panel">
        <div class="blank-24"></div>
        <div class="select-items">
            <!-- for: ${items} as ${item} -->
            <!-- var:text = ${item.name} || ${item.text} -->
            <div ui="type:mao.ui.SelectRadio;name:SelectRadio;item:&{item};value:${item.id};text:${text};={ ${value} == ${item.id} ? 'checked' : ''}" class="select-item" class="active">
                <span>${text}</span>
                <span class="icon"></span>
            </div>
            <!-- /for -->
        </div>
        <div class="blank-24"></div>
    </div>
</div>
<!-- target:mutil_select -->
<!-- // 多选 模板 -->
<div class="mutil-select-container flex-page grey-bg">
    <div class="select-cont flex-cont" ui="type:m-panel">
        <div class="select-items">
            <!-- for: ${items} as ${item} -->
            <!-- var:text = ${item.name} || ${item.text} -->
            <div ui="type:mao.ui.SelectCheckbox;name:SelectRadio;item:&{item};value:${item.id};text:${text};={ ${value} == ${item.id} ? 'checked' : ''}" class="select-item">
                <span>${text}</span>
                <span class="icon"></span>
            </div>
            <!-- /for -->
        </div>
    </div>
    <div class="bottom-btn-box">
        <div ui="type:mao.ui.MutilSelectSaveBtn" class="ui-button ui-button-primary ui-button-full">确定</div>
    </div>
</div>


<!-- target: venue_selected -->
<!-- // 场馆 选择 模板 -->
<div class="venue-select">
    <div class="height-100" ui="type:mao.ui.VenueSelected;">
        <ul class="select-items">
            <li class="fixed-title ui-hide"></li>
            <li class="venue-title default">
                <div class="title">${_item.name}</div>
            </li>
            <!-- var:_item = {} -->
            <li class="venue-item default" ui="type:mao.ui.SelectRadio;item:&{_item};text:全国;value:;">
                <img src="images/base/logo_default.png" alt="">
                <div class="name">全国</div>
            </li>
            <!-- for: ${items} as ${_item} -->
            <li class="venue-title">
                <div class="title">${_item.name}</div>
                <ul class="title">
                    <li>预</li>
                    <li>定</li>
                </ul>
            </li>
            <!-- for: ${_item.venues} as ${item} -->
                <li class="venue-item" ui="type:mao.ui.SelectRadio;item:&{item};text:${item.venueAliasName};value:${item.venueId};">
                    <img src="={${item.logoUrl} || 'images/base/logo_default.png'}" alt="">
                    <div class="name">${item.venueAliasName}</div>
                    <ul class="num">
                        <li class="pre"><span>${item.preFinedOrderNum}</span></li>
                        <li class="fixed"><span>${item.fixedFieldOrderNum}</span></li>
                    </ul>
                </li>
                <!-- for: ${item.yardList} as ${item1} -->
                <li class="venue-item venue-yard" ui="type:mao.ui.SelectRadio;item:&{item1};text:${item.venueAliasName};value:${item.venueId};">
                    <div class="name">${item1.yardName}</div>
                    <ul class="num">
                        <li class="pre"><span>${item1.preFinedOrderNum}</span></li>
                        <li class="fixed"><span>${item1.fixedFieldOrderNum}</span></li>
                    </ul>
                </li>
                <!-- /for -->
            <!-- /for -->
            <!-- /for -->
        </ul>
    </div>
</div>

<!-- target: index_venue_single_select -->
<!-- // 场馆 选择 模板 -->
<div class="select-container grey-bg" ui="type:m-panel">
    <div class="blank-24"></div>
    <ul class="select-items">
        <li class="select-item" ui="type:mao.ui.VenueRadioEdit;value:;text:全国;;checked">全国</li>
        <!-- for: ${items} as ${item} -->
        <li class="select-item" ui="type:mao.ui.VenueRadioEdit;value:${item.id};text:${item.name};children:${item.children};={${item.id} === '' ? 'checked' : ''};={${item.disabled} ? 'disabled' : ''}">${item.name}</li>
        <!-- /for -->
    </ul>
</div>

<!-- target: venue_single_select -->
<!-- // 场馆 选择 模板 -->
<div class="single-select-container grey-bg" ui="type:m-panel">
    <ul class="select-items">
        <!-- for: ${items} as ${item} -->
        <li class="venue-item" ui="type:mao.ui.SelectRadio;name:SelectRadio;item:&{item};value:${item.id};text:${item.name};={${value} == ${item.id} ? 'checked' : ''}">={${item.name} || ${item.text}}</li>
        <!-- /for -->
    </ul>
</div>

<!-- target:venue_yard_single_select -->
<!-- // 场馆 选择 模板 -->
<div class="select-container grey-bg" ui="type:m-panel">
    <div class="blank-24"></div>
    <ul class="select-items">
        <!-- for: ${items} as ${item} -->
            <li class="select-item level-1" ui="type:mao.ui.SelectRadio;disabled;name:SelectRadio;item:&{item};value:${item.id};text:${item.name};={${value} == ${item.id} ? 'checked' : ''}">={${item.name} || ${item.text}}</li>
            <!-- for: ${item.children} as ${_item} -->
            <li class="select-item level-2" ui="type:mao.ui.SelectRadio;name:SelectRadio;item:&{_item};value:${_item.id};text:${item.name}-${_item.name};={${value} == ${_item.id} ? 'checked' : ''}">={${_item.name} || ${_item.text}}</li>
            <!-- /for -->
        <!-- /for -->
    </ul>
    <div class="blank-24"></div>
</div>

<!-- target: venue_single_filter -->
<!-- // 场馆 筛选条件 模板 -->
<div class="single-select-container grey-bg" ui="type:m-panel">
    <ul class="select-items">
        <!-- for: ${items} as ${item} -->
        <li class="venue-item" ui="type:mao.ui.FilterRadio;name:${name};value:${item.id};text:${item.name};children:${item.children};={ ${item.id} === '' ? 'checked' : ''}">${item.name}</li>
        <!-- /for -->
    </ul>
</div>

<!-- target: order_by_filter -->
<!-- // 排序 模板 -->
<div class="filter-radios">
    <ul class="filter-items" ui="type:m-panel">
        <!-- for: ${items} as ${item} -->
        <li class="filter-item ui-1px-b" ui="type:mao.ui.FilterRadio;name:${name};value:${item.id};={${item.id} === ${value} || ${item.id} === '' ? 'checked' : ''}">
            <span>${item.name}</span>
            <span class="icon"></span>
        </li>
        <!-- /for -->
    </ul>
    <div class="mask"></div>
</div>

<!-- target: music_mutil_people -->
<!-- // 人员 选择 模板 -->
<div class="person-select">
    <div class="person-section" ui="type:m-panel">
        <!-- var: nameValue = ${name} || 'assessorId' -->
        <ul class="person-section-list">
            <!-- for: ${items} as ${item} -->
            <li>
                <div class="item-container ui-1px-b" ui="type:Radio;name:${nameValue};value:${item.id};={${item.id} === '' ? 'checked' : ''}">
                    <!-- if: ${item.id} !== '' -->
                    <img src="={${item.image} || 'images/base/my_head.png'}" alt="">
                    <!-- /if -->
                    <span>${item.name}</span>
                    <span class="icon"></span>
                </div>
            </li>
            <!-- /for -->
        </ul>
    </div>
    <div class="btn_group">
        <button type="button" ui="type:mao.ui.FilterSingleSelectSure;showtext:true;outOfTab:${options.outOfTab}">确定</button>
    </div>
</div>

<!-- target: person_selected -->
<!-- // 人员 选择 模板 -->
<div class="person-select">
    <div class="person-section" ui="type:m-panel">
        <!-- var: nameValue = ${name} || 'assessorId' -->
        <ul class="person-section-list">
            <!-- for: ${items} as ${item} -->
            <li>
                <div class="item-container ui-1px-b" ui="type:Radio;name:${nameValue};value:${item.id};={${item.id} === '' ? 'checked' : ''}">
                    <!-- if: ${item.id} !== '' -->
                    <img src="={${item.image} || 'images/base/my_head.png'}" alt="">
                    <!-- /if -->
                    <span>${item.name}</span>
                    <span class="icon"></span>
                </div>
            </li>
            <!-- /for -->
        </ul>
    </div>
    <div class="btn_group">
        <button type="button" ui="type:mao.ui.FilterSingleSelectSure;showtext:true;outOfTab:${options.outOfTab}">确定</button>
    </div>
</div>

<!-- target: status_selected -->
<!-- // 筛选项 模板 -->
<div class=" sort-container">
    <div class="sort_section" ui="type:m-panel">
        <!-- for: ${items} as ${item}, ${key} -->

            <!-- if: ${item.type} === 'slide' -->
            <div ui="type:mao.ui.Slider;flag:floorPrice;scale:={JSON.stringify(${item.scale})}" class="price-slider">
                <input type="text" name="dayActionCutting" class="ui-hide">
                <div class="sort_title">
                    <div>${item.title}</div>
                    <div class="car-age">不限</div>
                </div>
                <ul class="slider-scale">
                    <!-- for: ${item.scale} as ${scale} -->
                    <li>${scale}</li>
                    <!-- /for -->
                </ul>
            </div>
            <!-- else -->
            <div class="carlvl">
                <p class="sort_title">${item.title}</p>
                <!-- if: ${item.type} === 'checkbox' -->
                    <input type="text" name="${key}" ui="type:ecui.esr.CreateArray" class="ui-hide">
                    <ul>
                        <li class="active" ui="type:checkbox;checked;id:${key}-all">全部
                        </li>
                        <!-- for: ${item.items} as ${_item} -->
                            <li class="active" ui="type:checkbox;name:${key};value:${_item.value};={${_item.value} === '' ? 'checked' : ''};subject:${key}-all;">${_item.code}</li>
                        <!-- /for -->
                    </ul>
                <!-- else -->
                    <ul>
                        <!-- for: ${item.items} as ${_item} -->
                            <li class="active" ui="type:Radio;name:${key};value:${_item.value};={${_item.value} === '' ? 'checked' : ''}">${_item.code}</li>
                        <!-- /for -->
                    </ul>
                <!-- /if -->
            </div>
            <!-- /if -->
        <!-- /for -->
    </div>
    <div class="btn_group">
        <div class="confirm-button" ui="type:mao.ui.FilterSingleSelectSure;shownum:true;">确定</div>
    </div>
</div>

<!-- target: single_select_img -->
<div class="select-container">
    <div class="select-cont" ui="type:m-panel">
        <div class="select-items">
            <!-- for: ${items} as ${item} -->
            <div ui="type:Radio;name:overhaulSingleSelectRadio;item:&{item};value:${item.id};={ ${value} == ${item.id} ? 'checked' : ''}" class="select-item" class="active">
                <span>${item.text}</span>
                <span class="icon"></span>
            </div>
            <!-- /for -->
        </div>
    </div>
    <div ui="type:mao.ui.SelectSaveBtn">确定</div>
</div>

<!-- target: show_img -->
<div class="show-img-container" ui="type:m-panel">
    <img class="img-cont" src="${src}" />
</div>


<!-- target: single_select_no_save_btn -->
<div class="select-container">
    <div class="select-cont" ui="type:m-panel">
        <div class="select-items">
            <!-- for: ${items} as ${item} -->
            <div ui="type:mao.ui.SelectRadio;name:overhaulSingleSelectRadio;item:&{item};value:${item.id};={ ${value} == ${item.id} ? 'checked' : ''}" class="select-item" class="active">
                <span>${item.text}</span>
                <span class="icon"></span>
            </div>
            <!-- /for -->
        </div>
    </div>
</div>

<!-- target: filter-list-template -->
<div ui="type:mao.ui.Tab;selected:0;gesture:false;id:filter-tab" class="filter-list-wrap">
    <div  class="list-listview">
        <strong class="ui-hide"></strong>
        <ul style="height: 100%" ui="type:mao.ui.AppListView;id:purchase-list">
        </ul>

    </div>
    <!-- for: ${filterListConfigs} as ${item}, ${index} -->
    <div class="filter-container">
        <strong class="filter-tab-item">
            <tabName class="tab-name-wrap">
                ${item.typeName}
            </tabName>
            <strong class="screen-num ={ ${item.number} === undefined ? 'ui-hide' : '' }">${item.number}</strong>
            <span class="filter-icon"></span>
        </strong>
        <!-- use: ${item.target}(items=${item.data}, name=${item.name}) -->
    </div>
    <!-- /for -->
</div>


<!--// 合同信息 -->


<!-- target:ticketBusinessInfo -->
<!-- var:contractInfo = ${contractInfo} || ${detail.contractInfo} -->
<div class="info-part">
    <div class="info-item">
        <div class="info-label">票务分成</div>
        <div class="info-text">
            <span>按${contractInfo.ticketDivisionMethod.divisionMethodDesc}</span>
            <span class="blue-text">我方占比${contractInfo.ticketDivisionMethod.proportions.0.weProportion}% 他方占比${contractInfo.ticketDivisionMethod.proportions.0.otherProportion}%</span>
            <span>当不足保底金额</span>
            <span class="blue-text">${contractInfo.ticketDivisionMethod.foundationDeposit}元</span>
            <span>按保底金额结算</span>
        </div>
    </div>
    <div class="info-item">
        <div class="info-label">预付款</div>
        <div class="info-text">${contractInfo.advanceCharge}元</div>
    </div>
    <div class="info-item">
        <div class="info-label">酒水分成</div>
        <div class="info-text">${contractInfo.drinksDivisionMethod.divisionTypeDesc}</div>
    </div>
    <!-- if:${contractInfo.drinksDivisionMethod.divisionType} -->
    <div class="info-item">
        <div class="info-label">酒水分成</div>
        <div class="info-text">
            <span>按${contractInfo.drinksDivisionMethod.divisionMethodDesc}</span>
            <span class="blue-text">我方占比${contractInfo.drinksDivisionMethod.proportions.0.weProportion}% 他方占比${contractInfo.drinksDivisionMethod.proportions.0.otherProportion}%</span>
            <span>当不足保底金额</span>
            <span class="blue-text">${contractInfo.drinksDivisionMethod.foundationDeposit}元</span>
            <span>按保底金额结算</span>
        </div>
    </div>
    <!-- /if -->
    <!-- use:incomeExtList -->
</div>

<!-- target:selfBusinessInfo -->
<div class="info-part">
    <div class="info-item">
        <div class="info-label">预期收入</div>
        <div class="info-text">${detail.contractInfo.advanceCharge}元</div>
    </div>
    <div class="info-item">
        <div class="info-label">自办方式</div>
        <div class="info-text">${detail.contractInfo.selfTypeDesc}</div>
    </div>
    <!-- for:${detail.contractInfo.paymentExplains} as ${item},${index} -->
    <!-- var:_index = ${index} + 1 -->
    <div class="info-item info-item-title">成本${_index}</div>
    <div class="info-item level-2">
        <div class="info-label">音乐人</div>
        <div class="info-text">${item.musicianName|parseDefault}</div>
    </div>
    <div class="info-item level-2">
        <div class="info-label">劳务费</div>
        <!-- var:unit = ${detail.contractInfo.selfType} === 2 && ${item.payItemType} === 101 ? '%' : '元' -->
        <div class="info-text">${item.resultValue}${unit}</div>
    </div>
    <!-- /for -->
</div>

<!-- target:courtBusinessInfo -->
<!-- var:contractInfo = ${contractInfo} || ${detail.contractInfo} -->
<div class="info-part">
    <div class="info-item">
        <div class="info-label">合同金额</div>
        <div class="info-text">
            <span>${contractInfo.contractAmount}元</span>
            <!-- if:${contractInfo.integralBalance} === 2 -->
            <span style="margin-left: 5px; color: #F8444B">使用积分兑换</span>
            <!-- /if -->
        </div>
    </div>
    <div class="info-item">
        <div class="info-label">预付款</div>
        <div class="info-text">${contractInfo.advanceCharge}元</div>
    </div>
    <div class="info-item">
        <div class="info-label">酒水分成</div>
        <div class="info-text">${contractInfo.drinksDivisionMethod.divisionTypeDesc}</div>
    </div>
    <!-- if:${contractInfo.drinksDivisionMethod.divisionType} -->
    <div class="info-item">
        <div class="info-label">酒水分成</div>
        <div class="info-text">
            <span>按${contractInfo.drinksDivisionMethod.divisionMethodDesc}</span>
            <span class="blue-text">我方占比${contractInfo.drinksDivisionMethod.proportions.0.weProportion}% 他方占比${contractInfo.drinksDivisionMethod.proportions.0.otherProportion}%</span>
            <span>当不足保底金额</span>
            <span class="blue-text">${contractInfo.drinksDivisionMethod.foundationDeposit}元</span>
            <span>按保底金额结算</span>
        </div>
    </div>
    <!-- /if -->
    <!-- use:incomeExtList -->
</div>

<!-- target:businessInfo -->
<!-- var:contractInfo = ${contractInfo} || ${detail.contractInfo} -->
<div class="info-part">
    <div class="info-item">
        <div class="info-label">合同金额</div>
        <div class="info-text">
            <span>${contractInfo.contractAmount}元</span>
        </div>
    </div>
    <div class="info-item">
        <div class="info-label">预付款</div>
        <div class="info-text">${contractInfo.advanceCharge}元</div>
    </div>
    <!-- use:incomeExtList -->
</div>



<!-- target:incomeExtList -->
<!-- var:contractInfo = ${contractInfo} || ${detail.contractInfo} -->
<!-- for:${contractInfo.incomeExtList} as ${item},${index} -->
<!-- var:_index = ${index} + 1 -->
<div class="info-item info-item-title">收入项${_index}</div>
<div class="info-item level-2">
    <div class="info-label">收入类别</div>
    <div class="info-text">${item.incomeTypeDesc|parseDefault}</div>
</div>
<div class="info-item level-2">
    <div class="info-label">收入明细</div>
    <div class="info-text">${item.incomeName}</div>
</div>
<div class="info-item level-2">
    <div class="info-label">金额</div>
    <div class="info-text">${item.incomeMoney}元</div>
</div>
<!-- /for -->


<!-- target:application-form-item -->
<div class="application-form-item">
    <div>
        <span class="item-type">消费申请</span>
        <span class="item-name">出差</span>
        <span class="money">￥365.00</span>
    </div>
    <div>
        <span class="item-time">2022-12-15</span>
        <span>来自</span>
        <span class="people">徐新龙</span>
        <span class="num">MK222212132</span>
    </div>
</div>

<!-- target:single_staff_select -->
<!-- // 部门单选 模板 -->
<div class="mutil-select-container flex-page">
    <div class="select-cont flex-cont" ui="type:m-panel">
        <div class="select-items">
            <!-- use:deptStaffTree(value=${value}) -->
        </div>
    </div>
</div>


<!-- target:dept_select -->
<!-- // 部门单选 模板 -->
<div class="single-select-container flex-page">
    <div class="select-cont flex-cont" ui="type:m-panel">
        <div class="select-items">
            <!-- use:deptTree(value=${value}) -->
        </div>
    </div>
</div>

<!-- target:deptTree -->
<ul ui="type:mao.ui.TreeView;">
    <div class="root">root</div>
    <!-- for:${mao.info.staffTree} as ${item} -->
    <!-- use:deptTreeItem(tree=${item},value=${value},treeIndex=0) -->
    <!-- /for -->
</ul>
<!-- target:deptTreeItem -->
<!-- var:treeIndex = ${treeIndex} + 1 -->
<!-- if:${tree.type} === 1 -->
    <ul ui="value:${tree.id};name:${tree.name};treeType:${tree.type};parentId:${tree:parentId};collapsed:false;">
        <div class="dept level-${treeIndex}">
                
            <label ui="type:label">
                <span class="icon"></span>
                <div ui="type:mao.ui.SelectRadio;name:SelectRadio;item:&{tree};value:${tree.id};item:&{tree};text:${tree.name};${checked}"></div>
                <span class="staff-name" title="${tree.name}">${tree.name}</span>
            </label>

        </div>
        <!-- for:${tree.children} as ${item} -->
        <!-- use:deptTreeItem(tree=${item},value=${value},treeIndex=${treeIndex}) -->
        <!-- /for -->
    </ul>
<!-- /if -->

<!-- target:mutil_approval_people_select -->
<!-- // 审批人多选 模板 -->
<div class="mutil-select-container flex-page mutil-approval-people-select-container grey-bg">
    <div class="search-cont white-bg">
        <div ui="type:mao.ui.SearchApprovalPeopleText;">
            <input type="search" value="" name="searchContent" autocomplete="off" placeholder="搜索">
        </div>
    </div>
    <div class="blank-24"></div>
    <div class="select-cont flex-cont grey-bg" ui="type:m-panel">
        <div class="white-bg p-l-30 p-r-30">
            <!-- use:deptStaffTree(value=${value},mutil=true) -->
        </div>
    </div>
    <div class="blank-24"></div>
    <div ui="type:mao.ui.MutilSelectSaveBtn" class="ui-button ui-button-primary ui-button-full">确定</div>
</div>

<!-- target:deptStaffTree -->
<ul ui="type:mao.ui.TreeView;">
    <div class="root">root</div>
    <!-- for:${mao.info.staffTree} as ${item} -->
    <!-- use:deptStaffTreeItem(tree=${item},mutil=${mutil},value=${value},treeIndex=0) -->
    <!-- /for -->
</ul>

<!-- target:deptStaffTreeItem -->
<!-- var:treeIndex = ${treeIndex} + 1 -->
<!-- if:${tree.type} === 1 -->
    <ul ui="value:${tree.id};name:${tree.name};treeType:${tree.type};parentId:${tree.parentId};item:&{tree};collapsed:false;">
        <div class="dept level-${treeIndex}"><span class="icon"></span><span class="staff-name">${tree.name}</span></div>
        <!-- for:${tree.children} as ${item} -->
        <!-- use:deptStaffTreeItem(tree=${item},mutil=${mutil},value=${value},treeIndex=${treeIndex}) -->
        <!-- /for -->
    </ul>
<!-- else -->
    <!-- var:checked = Array.prototype.indexOf.call(${value}, ${tree.id}) >= 0 ? 'checked' : '' -->
    <li ui="value:${tree.id};name:${tree.name};treeType:${tree.type};parentId:${tree.parentId};item:&{tree}" class="staff level-${treeIndex}">
        <label ui="type:label">
            <!-- if:${mutil} -->
            <div ui="type:mao.ui.SelectCheckbox;name:SelectRadio;value:${tree.id};item:&{tree};text:${tree.name};${checked}"></div>
            <!-- else -->
            <div ui="type:mao.ui.SelectRadio;name:SelectRadio;value:${tree.id};item:&{tree};text:${tree.name};${checked}"></div>
            <!-- /if -->
            <span class="staff-name" title="${tree.name}">${tree.name}</span>
        </label>
    </li>
<!-- /if -->



<!-- target:mutil_dept_staff_select -->
<!-- // 人员多选 模板 -->
<div class="flex-page dept-staff-select-container grey-bg" ui="type:mao.ui.MutilPeopleSelect;mutil:${mutil};isDept:${options.isDept};value:${value}">
    <div class="search-cont white-bg">
        <div ui="type:mao.ui.SearchApprovalPeopleText;">
            <input type="search" name="searchContent" autocomplete="off" placeholder="搜索">
        </div>
    </div>
    <div class="choose-text"></div>
    <div class="flex-cont"></div>
    <div class="blank-24"></div>
    <!-- if:${mutil} -->
    <div class="bottom-box">
        <div class="selected-cont">
            <div class="label"></div>
            <div class="res"></div>
        </div>
        <div class="ui-button ui-button-primary">确定</div>
    </div>
    <!-- /if -->
</div>

<!-- target:approvalAndSendPeople -->
<!-- var:approverList = ${detail.approval.approverList} || [] -->
<!-- var:ccList = ${detail.approval.ccList} || [] -->
<div class="edit-item ui-poples" ui="type:mao.ui.InputGroup;label:流程;">
    <div ui="type:mao.ui.Pople;value:;name:approverList;mutil;required;data:&{approverList};title:审批人;labelFormat:{0}人审批" class="edit-text ui-pople-list">
        <input name="approverList" type="text" class="ui-hide" />
        <div class="label">
            <div class="title">审批人</div>
            <div class="tip">请选择审批人</div>
        </div>
        <ul class="people-items"></ul>
        <div class="people-add ui-required"></div>
    </div>
    <div ui="type:mao.ui.Pople;value:;name:ccList;mutil;data:&{ccList};title:抄送人;labelFormat:抄送{0}人" class="edit-text ui-pople-list last">
        <input name="ccList" type="text" class="ui-hide" />
        <div class="label">
            <div class="title">抄送人</div>
            <div class="tip">请选择抄送人</div>
        </div>
        <ul class="people-items"></ul>
        <div class="people-add"></div>
    </div>
</div>

<!-- target:uploadFile -->
<!-- var:pics = ${detail.pics} || ${detail.files} || [] -->
<div class="edit-item ui-files" ui="type:mao.ui.InputGroup;label:上传文件;">
    <div ui="type:mao.ui.Files;${required};name:pics;data:&{pics};" class="edit-text ui-file-list">
        <input name="pics" type="text" class="ui-hide"/>
        <ul class="file-items"></ul>
        <div class="file-add ui-required"></div>
    </div>
</div>


<!-- target:approvalPeople -->
<div class="info-part approval-part">
    <div class="part-title">流程</div>
    <ul class="approval-items">
        <!-- for: ${detail.approval.comments} as ${item}-->
        <!-- use:approvalItem(commentItem=${item}) -->
        <!-- /for -->
        <li class="approval-item copy-and-send">
            <div class="people-head"></div>
            <div class="approval-info">
                <div class="approval-people-info"><span class="name">已抄送${detail.approval.ccList.length}人</span></div>
            </div>
            <div class="pople-list">
                <!-- for: ${detail.approval.ccList} as ${item}-->
                <!-- var:head = String.prototype.slice.call(${item.name}, 0, 1) -->
                <div class="people-item"><span class="head copy-icon">${head}</span><span class="name">${item.name}</span></div>
                <!-- /for -->
            </div>
        </li>
    </ul>
</div>

<!-- target:approvalItem -->
<li class="approval-item">
    <!-- var:staffName = ${commentItem.staffName} || ${commentItem.name} -->
    <div class="people-head">${commentItem.staffName}</div>
    <div class="approval-info">
        <div class="approval-people-info"><span class="name">${commentItem.staffName}</span></div>
        <div class="comment-info">
            <div>${commentItem.typeName}</div>
            <!-- if:!${commentItem.type} -->
            <div>${commentItem.message}</div>
            <!-- /if -->
        </div>
        <div class="approval-time">${commentItem.time|dateFormat('M-d HH:mm')}</div>
    </div>
</li>

<!-- target:copyAndSendPeople -->
<!-- if:${detail.approval.ccList.length} -->
<div class="info-part approval-part">
    <div class="part-title">抄送人</div>
    <ul class="approval-items">
        <!-- for: ${detail.approval.ccList} as ${item}-->
        <!-- use:copyAndSendPeopleItem(commentItem=${item}) -->
        <!-- /for -->
    </ul>
</div>
<!-- /if -->

<!-- target:copyAndSendPeopleItem -->
<li class="approval-item">
    <div class="people-head">${commentItem.name}</div>
    <div class="approval-info">
        <div class="approval-people-info"><span class="name">${commentItem.name}</span></div>
    </div>
</li>

<!-- target:fileInfo -->
<div class="info-part file-part">
    <div class="part-title">上传文件</div>
    <ul class="approval-items">
        <!-- var:files = ${detail.pics} || ${detail.files} -->
        <!-- for: ${files} as ${item}-->

        <!-- var:path = ${item.path} || ${item.imageUrl} -->
        <!-- var:isOffice = /\.(word|docx|doc|xls|xlsx|pptx)$/.test(${path}) -->
        <!-- var:isSpecialFile = /\.(pdf)$/.test(${path}) -->
        <!-- var:fileType = RegExp.$1 -->

        <li class="file-item">
            <!-- if:${isOffice} -->
            <a target="_blank" href="https://view.officeapps.live.com/op/view.aspx?src=${path}">
            <!-- else -->
            <a target="_blank" href="${path}">
            <!-- /if -->

                <!-- if:${isOffice} || ${isSpecialFile} -->
                <img src="images/base/${fileType}-default.jpg" src="${path}" alt="合同图片" class="upload-img">
                <!-- else -->
                <img  src="={${path}?${path}:'images/base/default.png'}" src="${path}" alt="合同图片" class="upload-img">
                <!-- /if -->
                <div class="file-name">${item.name}</div>
            </a>
        </a>
        <!-- /for -->
    </ul>
</div>



<!--// 音乐人选择列表-begin -->
<!-- target:music-people-page -->
<!-- var:value = ${value} || {} -->
<div class="music-people-page flex grey-bg" ui="type:mao.ui.MusicPeoplePage;data:&{value}">
    <form class="search-cont white-bg" name="musicPeoplePageSearchForm">
        <div ui="type:mao.ui.SearchText;listView:music-people-page-list-view">
            <input type="text" value="" name="musicianName" autocomplete="off" placeholder="搜索">
            <span class="ui-search-close">取消</span>
        </div>
    </form>

    <ul class="ui-mobile-listview ui-mobile-scroll flex-1 select-people-items select-music-items">
        <!-- use:list-empty -->
    </ul>

    <div class="bottom-box flex" name="peopleSelectedForm">
        <div class="label"></div>
        <ul class="people-seleced flex-1"></ul>
        <div class="ui-button ui-button-primary">确定</div>
    </div>
</div>

<!--// 音乐人列表项 -->
<!-- target:musicPeopleListItem -->
<!-- var:checked = Array.prototype.indexOf.call(${options.ids}, ${item.id}) > -1 ? 'checked' : ''; -->
<li ui="item:&{item};${checked}">
    <div class="select-people-item white-bg">
        <!-- if: ${item.headPortrait} -->
        <img src="={ ${item.headPortrait} || 'images/order/music_default.png' }">
        <!-- else -->
        <div class="head">={ String.prototype.slice.call(${item.name}, 0, 1) }</div>
        <!-- /if -->
        <div class="text">
            <div class="name">${item.name}</div>
            <div class="desc">${item.playTypeName}</div>
        </div>
    </div>
</li>

<!--// 音乐人选择列表-end -->


<!--// 项目选择列表-begin -->
<!-- target:projectSelectPage -->
<!-- var:num = mao.util.getTimeRandom(); -->
<div class="music-people-page flex-page grey-bg">
    <form class="search-cont white-bg" name="projectSelectSearchForm">
        <div ui="type:mao.ui.SearchText;list-view-${num}">
            <input type="text" name="searchContent" autocomplete="off" placeholder="搜索">
            <span class="ui-search-close">取消</span>
        </div>
    </form>

    <ul ui="type:mao.ui.AppListView;id:list-view-${num};initRefresh;customEmpty;view:projectSelectList;reqUrl:/erp-management/project/list?projectSelectSearchForm;customEmpty:true;" class=" flex-cont select-people-items">
        <!-- use:list-empty -->
    </ul>
</div>

<!--// 项目列表项 -->
<!-- target:projectSelectListItem -->
<li>
    <div ui="type:mao.ui.SelectRadio;name:SelectRadio;value:${item.id};text:${item.projectContent};item:&{item};" class="select-people-item white-bg">
        <div class="text">
            <div class="name">[${item.projectType|parseBaseInfo('projectType')}]${item.projectContent}</div>
            <div class="desc">编号：${item.unifiedId}</div>
            <div class="desc">场馆：${item.venueName}</div>
            <div class="desc">客户：${item.forShort}</div>
            <div class="desc">${item.sponsorName}</div>
        </div>
    </div>
</li>
<!--// 项目选择列表-end -->


<!--// 主办方选择列表-begin -->
<!-- target:sponsorSelectPage -->
<!-- var:num = mao.util.getTimeRandom(); -->
<div class="music-people-page flex-page grey-bg">
    <form class="search-cont white-bg" name="sponsorSelectSearchForm">
        <div ui="type:mao.ui.SearchText;list-view-${num}">
            <input type="text" name="searchContent" autocomplete="off" placeholder="搜索">
            <span class="ui-search-close">取消</span>
        </div>
    </form>

    <ul ui="type:mao.ui.AppListView;id:list-view-${num};initRefresh;customEmpty;view:sponsorSelectList;reqUrl:/erp-management/customer/sponsor/select-list-page?sponsorSelectSearchForm;customEmpty:true;" class=" flex-cont select-people-items select-sponsor-items">
        <!-- use:list-empty -->
    </ul>
</div>

<!--// 主办方列表项 -->
<!-- target:sponsorSelectListItem -->
<li>
    <div ui="type:mao.ui.SelectRadio;name:SelectRadio;value:${item.id};text:${item.name};item:&{item};" class="select-people-item white-bg">
        <img src="${item.logo}" >
        <div class="text">
            <div class="name">${item.name}</div>
            <div class="desc">${item.companyName}</div>
        </div>
    </div>
</li>
<!--// 主办方选择列表-end -->

<!--// 发票项 -->
<!-- target:invoiceItem -->
<div class="invoice-item ={${item.purchaserDiff} ? '' : 'not-subject'}">
    <div class="invoice-info" ui="type:mao.ui.InvoiceSelectRoute;route:/finance/invocie.adjust~id=${item.id}~fromEdit=true~DENY_CACHE;name:pics;value:${item.id};">
        <a class="icon" ui="type:b-img-fill;ext-link;ext-stop-propagation" href="${item.fileUrl}" target="_blank">
            <!-- var:isPdf = /\.([a-zA-Z0-9]+)$/.test(${item.fileUrl}) -->
            <!-- var:fileType = RegExp.$1 -->
            <!-- if:${fileType} === 'pdf' -->
            <img src="images/base/pdf-default.jpg" class="invoice-img">
            <!-- else -->
            <img src="${item.fileUrl}" class="invoice-img">
            <!-- /if -->
        </a>
        <div class="info">
            <!-- use:invoiceInfo(item=${item}) -->
        </div>
        <div class="not-subject-tip">发票购买方抬头信息与系统中维护的公司抬头信息不一致，若信息中存在空格或者信息中的中英文格式不一致也会导致校验不一致。发票号码为：${item.invoiceNumber}</div>
    </div>
    <div class="delete" ui="ext-deleteItem">删除</div>
</div>

<!-- target:invoiceInfo -->
<div class="type"><span>${item.invoicesTypeDesc}</span> <span class="money">${item.totalAmount}</span></div>
<div>${item.invoiceDate}</div>
<div>${item.invoiceNumber}</div>
<div>${item.purchaserName}</div>

<!-- target:todoListItem -->
<!-- if:${item.eventType} === 1 -->
    <!-- var:routeName = ['/contract/detail.court', '/contract/detail.ticket', '/contract/detail.business', '/contract/detail.self', '/contract/detail.common'][${item.subType} -1] -->
<!-- elif:${item.eventType} === 7 -->
    <!-- var:routeName = ['', '/finance/bill.purchase.detail', '/finance/bill.cost.detail', '/finance/bill.loan.detail', '/finance/bill.reimbursement.detail', '/finance/bill.corporatePayment.detail'][${item.subType}] -->
<!-- elif:${item.eventType} === 8 -->
    <!-- var:routeName = '/brand/project.detail' -->
<!-- else -->
    <!-- var:routeName = ['', '/venueOrder/detail', '/finance/bill.detail', '/brand/statement.detail'][${item.eventType} - 1] -->
<!-- /if -->

<!-- if:${item.eventType} === 5 && ${item.eventType} === 6 -->
<li class="to-do-item quick-item white-bg" data-id="${item.todoEventId}">
<!-- else -->
<li class="to-do-item quick-item white-bg" ui="ext-link" data-id="${item.todoEventId}" href="#${routeName}~id=${item.businessId}~DENY_CACHE">
<!-- /if -->
    <div class="to-do-info">
        <div class="to-do-info-title"><!--// <span class="ui-tag ui-tag-mini">${item.subType|parseBaseInfo('finInvoiceType')}</span> -->${item.title}</div>
        <!-- for:${item.contentList} as ${_item} -->
        <div class="to-do-info-text">${_item.key}：${_item.value}</div>
        <!-- /for -->
        <div class="to-do-info-status">
            <span class="info-text">${item.ctime|dateFormat('yyyy-MM-dd')} 来自 审批</span>
            <!-- if:${status.text} -->
            <span class="info-status ${status.className}">${status.text}</span>
            <!-- /if -->
        </div>
    </div>
    <div class="quick-actions">
        <div class="ui-button ui-button-medium" ui="type:mao.ui.QuickApprovalSubmitBtn;optId:${item.businessId};eType:${item.eventType};cType:2;tip:审批已拒绝">拒绝</div>
        <div class="ui-button ui-button-medium ui-button-primary ui-plain" ui="type:mao.ui.QuickApprovalSubmitBtn;optId:${item.businessId};eType:${item.eventType};cType:3;tip:审批已同意">同意</div>
    </div>
</li>